// Style overrides for when the MoblePromoCard is inside a DotPager component.

.stats__promo-container {
	margin-bottom: 32px;
}

.stats__promo-card {
	background-color: var(--studio-white);
	border: 1px solid var(--studio-gray-5);
	border-radius: 5px; /* stylelint-disable-line scales/radii */

	@media (max-width: 782px) {
		border-radius: 0;
		border-left: none;
		border-right: none;
	}
}

.stats__promo-card .promo-card-block img {
	max-width: 170px;
}

.stats__promo-pager {
	// Overrides Yoast banner styles.
	.dot-pager__controls {
		margin: 16px 16px 0;
	}
	.card {
		box-shadow: none;
	}
}

.app-promo-card.stats__promo-card-apps {
	// Overrides Mobile Apps banner styles.
	border: none;
}
